.top {
    background-image: url("../img/banner_qtah.jpg");
    /*因为我们不知道背景图片高宽，最好应该和div的高宽一致*/
    background-size: 100% 100%;
    /*border: 1px solid blue;*/
    /*width: 1920px;*/
    /*width: 1000px;*/
    height: 508px;
    /*height: calc(1000 * 808px / 1920);*/
    color: white;
}

/*.top > div {*/
/*    display: flex;*/
/*    justify-content: center;*/
/*}*/

.top > div > div {
    width: 900px;
    /*border: 1px solid red;*/
}

.logo {
    background-image: url("../img/logo_g0yv.jpg");
    height: 141px;
    width: 204px;
}

.phone-img {
    background-image: url("../img/icon2_03_uc2a.png");
    height: 30px;
    width: 30px;
}

/*.top > div:nth-child(1) > div {*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*    align-items: center;*/
/*}*/

/*.top > div:nth-child(1) > div > div:nth-child(2) {*/
/*    display: flex;*/
/*    justify-content: flex-start;*/
/*    align-items: center;*/
/*}*/

.top > div:nth-child(2) {
    background-color: rgb(230, 145, 55);
    height: 40px;
}


.nav > div {
    height: 40px;
    line-height: 40px;
    /*两个参数：表示上下内边距，左右内边距*/
    padding: 0 20px;
    cursor: pointer;
}

.nav > div:hover {
    color: rgb(230, 145, 55);
    background-color: white;
}

.ad {
    height: 330px;
}

.ad > div > div:nth-child(1) {
    font-size: 40px;
    /*margin 里面两个参数  上下外边距   左右外边距*/
    margin: 20px 0;
}

.ad > div > div:nth-child(1) > div:nth-child(2) {
    margin: 0 20px;
}

/*浏览器自身的原因，最小12px*/
/*如果还需要跟小，则用ps */
.ad > div > div:nth-child(2) {
    font-size: 10px;
}

.ad > div > div:nth-child(2) > div {
    /*margin: 5px 0;*/
    /*行高的目的：字体上下居中*/
    line-height: 20px;
}

/*子代选择器*/
.ad > div > div:nth-child(3) {
    color: rgb(230, 145, 55);
    font-size: 30px;
}

/*后代选择器*/
.ad .pw {
    color: white;
    font-size: 20px;
}

/*兄弟选择器*/
.ad .pw + div {
    margin-right: 30px;
}

.ad > div > div:nth-child(3) > div:nth-child(2) {
    /*margin-left: 50px;*/
    /*em 相对于当前字符缩进几个字符*/
    text-indent: 1.4em;
}
